extends layout

block content
    H3 #{title}查询

    // Wrapper
    #wrapper
        input#queryDate
        // Order LIST
        table#content_table.table.table-hover.table-bordered.table-condensed
            thead#header
                th  日期
                th  规则ID
                th  当天使用量
                th  当天领取量
                th  累积领取
                th  累积使用量
                th  当天新用户
                th  累积新用户
                th  当天用户数
            tbody#contentArea.clusterize-content.table-striped
                tr.clusterize-no-data 
                    td Loading data…!!!!!!!

        // /USER LIST

    // /WRAPPER

append scripts
    script(src='/vendor/file-saver.js/FileSaver.js')
    script(src='/vendor/handlebars/handlebars.js')
    script(src='/vendor/StickyTableHeaders/js/jquery.stickytableheaders.js')
    script(type='text/javascript').

        var content = $('#contentArea');
        var waiting = null;
        var displayData = null;
        var downloadable = false;

        var date = $('#queryDate');
        var csvTmpl = Handlebars.compile('{{日期}},{{规则ID}},{{当天使用量}},{{当天领取量}},{{累积领取}},{{累积使用量}},{{当天新用户}},{{累积新用户}},{{当天用户数}},');
        
        var tableTmpl = Handlebars.compile('<tr><td id="{{日期}}">{{日期}}</td><td>{{规则ID}}</td>'+
                '<td>{{当天使用量}}</td><td>{{当天领取量}}</td><td>{{累积领取}}</td>'+
                '<td>{{累积使用量}}</td><td>{{当天新用户}}</td><td>{{累积新用户}}</td><td>{{当天用户数}}</td></tr>'
            );
        var refreshData = function(){
                downloadable = false;
            $.getJSON( "/orders/coupon_order/"+date.val(), function( data ) {
                waiting = content.find('tr').remove();
                displayData = data;
                downloadable = true;
                $(data).each(function(i,val){
                    content.append(tableTmpl(val));
                })
            })
        }
        $(document).ready(function() {
            date.keypress(function(e) {
              if(e.which == '13') {
                 e.preventDefault();
                 content.empty().append(waiting);
                 refreshData(this.value);
               }
            });
            $('ul.nav.navbar-nav.navbar-right  a#save').click(function(){
                if(downloadable){
                    var csvData =  $(displayData).map(function(i,val){
                                        return csvTmpl(val);
                                    });
                    var blob = new Blob([$.makeArray(csvData).join('\n')], {type: "text/csv;charset=utf-8"});
                    saveAs(blob, "coupons_personal_order.csv");
                }
            })

            refreshData();
            $('#content_table').stickyTableHeaders({fixedOffset: $(".container")});
        });